<template>
	<div class="header">
		<router-link class="iconfont icon-fanhui" to="/home"></router-link>
		<h2>{{title}}</h2>
	</div>
</template>

<script>
	export default {
		name: "com-header",
		props: {
			title: String
		}
	}
</script>

<style>
	.header{
		width: 100%;
		height: 11.73vw;
		text-align: center;
		line-height: 11.73vw;
		border-bottom: 1px solid #ccc;
		background: linear-gradient(90deg,#0af,#0085ff);
		color: #fff;
		font-size: 3.2vw;
		position: relative;
	}
	.header a{
		position: absolute;
		top: 0;
		left: 0;
		width: 11.73vw;
		height: 11.73vw;
		line-height: 11.73vw;
		font-size: 4.26vw;
		color: #fff;
		text-align: center;
	}
</style>